<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格元素</title>
	</head>
	<body>
		<h1>1.简单表格元素</h1>
		<!-- 多层元素嵌套形成表格，页面布局【栅格布局】
		定义表格   table表格的外区域元素+tr行元素+td单元格元素[构建结构，无法直接显示]
		table元素的属性 border边框属性
		               width 和height宽高属性
					   cellspacing外边框属性  表格外边框与单元格距离
					   cellpadding内边框属性  单元格与内部的距离
        tr元素的属性   bgcolor背景颜色属性
		td元素的属性   rowspan跨行属性，属性值，数值没有单位【正整数】
		              口诀：跨列超过1，删除下一列中单元格
		              colspan跨列属性，属性值，数值没有单位【正整数】
					  口诀： 跨行超过1，删除对应列中单元格
		使用表格 【4行4列的表格】 快捷键：table> tr*4>td*4-->
		<h1>2.简单表格元素</h1>
		<h1>9.23作业1</h1>
		<table border="1" width="260px" height="260px"cellspacing="0"cellpadding="50px"> 
		<tr bgcolor="pink">
			<td colspan="2">1</td>
			<td rowspan="2">1</td>
			<td>1</td>
			
		</tr>
		<tr bgcolor="yellow">
			<td colspan="2" rowspan="2">2</td>
			<td>2</td>
			
			
		</tr>
		<tr>
			<td colspan="2">3</td>
			
			
		</tr>
		<tr>
			<td>4</td>
			<td>4</td>
			<td>4</td>
			<td>4</td>
		</tr>
		</body>
	</html>
	<table border="1" width="260px" height="260px"cellspacing="0"cellpadding="0"> 
			<h1>9.23作业2</h1>
			 <tr>
				<td colspan="2">a</td>
				<td rowspan="2">b</td>
				
			</tr>
			<tr>
				<td rowspan="2">c</td>
				<td>d</td>
				
			</tr>
			<tr>
				<td colspan="2">e</td>
				
			</tr>
			
	   
		
		
		
	
